<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>首页</title>
    <link href="./img/favicon.ico" rel="shortcut icon" />
    <link rel="stylesheet" href="./css/reset.css" />
    <link rel="stylesheet" href="./font/iconfont.css" />
    <link rel="stylesheet" href="./sass/shouye.css" />
    <link rel="stylesheet" href="./css/css.css" />
  </head>
  <body>
    <!-- 提示框 -->
    <div class="top-wrap">
      <div class="tongzhi-wrap">
        <a class="tongzhi-wrap-a" href="#"
          >欢迎光临New
          Balance中国官方商城，新客注册350元礼券，新老客下单即享全场包邮！因技术问题微信支付暂时无法使用，建议使用浏览器登录New
          Balance中国官方商城，给您带来的不便敬请谅解！</a
        >
      </div>
      <!-- 导航 -->
      <div class="wrap-list">
        <a href="" class="logo"><img src="./img/logo.png" alt="" /></a>
        <ul class="wrap-list-1">
          <li class="leave">
            <a href="" class="list-big-wrap">男子</a>
            <div class="list-big man">
              <!-- 选择列表 -->
              <ul class="list-big-1 center">
                <li class="list-big-first">
                  <a href="">男款鞋子</a>
                </li>
                <li><a href="">中性鞋</a></li>
                <li><a href="">老爹鞋</a></li>
                <li><a href="">篮球鞋</a></li>
                <li><a href="">跑鞋</a></li>
                <li><a href="">凉鞋</a></li>
                <li><a href="">篮球鞋</a></li>
                <li class="list-big-first"><a href="">查看所有鞋子</a></li>
              </ul>

              <ul class="list-big-1">
                <li class="list-big-first"><a href="">鞋子</a></li>
                <li><a href="">中性鞋</a></li>
                <li><a href="">老爹鞋</a></li>
                <li><a href="">篮球鞋</a></li>
                <li><a href="">跑鞋</a></li>
                <li><a href="">凉鞋</a></li>
                <li><a href="">篮球鞋</a></li>
                <li class="list-big-first"><a href="">查看所有鞋子</a></li>
              </ul>

              <ul class="list-big-1">
                <li class="list-big-first"><a href="">童装鞋子</a></li>
                <li><a href="">中性鞋</a></li>
                <li><a href="">老爹鞋</a></li>
                <li><a href="">篮球鞋</a></li>
                <li><a href="">跑鞋</a></li>
                <li><a href="">凉鞋</a></li>
                <li><a href="">篮球鞋</a></li>
                <li class="list-big-first"><a href="">查看所有鞋子</a></li>
              </ul>
              <dl>
                <dt>
                  <a href="" class="mingzi"
                    ><img src="./images2/18.jpg" alt="" />
                    <dd>327系列</dd>
                  </a>
                </dt>
              </dl>
              <dl>
                <dt>
                  <a href="" class="mingzi"
                    ><img src="./images2/18.jpg" alt="" />
                    <dd>327系列</dd>
                  </a>
                </dt>
              </dl>
            </div>
          </li>

          <li class="leave">
            <a href="" class="list-big-wrap">女子</a>

            <div class="list-big woman">
              <ul class="list-big-1">
                <li class="list-big-first"><a href="">女款鞋子</a></li>
                <li><a href="">中性鞋</a></li>
                <li><a href="">老爹鞋</a></li>
                <li><a href="">篮球鞋</a></li>
                <li><a href="">跑鞋</a></li>
                <li><a href="">凉鞋</a></li>
                <li><a href="">篮球鞋</a></li>
                <li class="list-big-first"><a href="">查看所有鞋子</a></li>
              </ul>
              <ul class="list-big-1">
                <li class="list-big-first"><a href="">鞋子</a></li>
                <li><a href="">中性鞋</a></li>
                <li><a href="">老爹鞋</a></li>
                <li><a href="">篮球鞋</a></li>
                <li><a href="">跑鞋</a></li>
                <li><a href="">凉鞋</a></li>
                <li><a href="">篮球鞋</a></li>
                <li class="list-big-first"><a href="">查看所有鞋子</a></li>
              </ul>
              <ul class="list-big-1">
                <li class="list-big-first"><a href="">鞋子</a></li>
                <li><a href="">中性鞋</a></li>
                <li><a href="">老爹鞋</a></li>
                <li><a href="">篮球鞋</a></li>
                <li><a href="">跑鞋</a></li>
                <li><a href="">凉鞋</a></li>
                <li><a href="">篮球鞋</a></li>
                <li class="list-big-first"><a href="">查看所有鞋子</a></li>
              </ul>
              <dl>
                <dt>
                  <a href="" class="mingzi"
                    ><img src="./images2/18.jpg" alt="" />
                    <dd>327系列</dd>
                  </a>
                </dt>
              </dl>
              <dl>
                <dt>
                  <a href="" class="mingzi"
                    ><img src="./images2/18.jpg" alt="" />
                    <dd>327系列</dd>
                  </a>
                </dt>
              </dl>
            </div>
          </li>
          <li class="leave"><a href="">男孩</a></li>
          <li class="leave"><a href="">女孩</a></li>
        </ul>
        <div class="search-wrap">
          <input class="search" type="text" value="搜索" />

          <button class="btn">
            <span id="fangdajing" class="iconfont icon-fangdajing"> </span>
          </button>
        </div>
        <div class="search-wrap-2">
          <a href="http://localhost:3344/dengluzhuce.html" id="denglu">
            <span class="iconfont icon-denglu"></span> 登录</a
          >
          <span>/</span>
          <a href="http://localhost:3344/dengluzhuce.html" class="zhuce"
            >注册</a
          >
          <a href="http://localhost:3344/cart.html" class="gouwuche">
            <span class="iconfont icon-gouwuche"></span>您的购物车是空的
          </a>
        </div>
      </div>
    </div>
    <!-- 广告 -->
    <div class="ad-banner">
      <img src="./img/guangao.jpg" alt="" />
    </div>

    <!-- 快速导航 -->
    <div class="kind">
      <ul class="kind-list">
        <li><a href="#">男子</a></li>
        <li><a href="#">女子</a></li>
        <li><a href="#">男孩</a></li>
        <li><a href="#">女孩</a></li>
      </ul>
    </div>

    <!-- 轮播图 -->
    <div id="boxhdp">
      <ul id="img">
        <li class="current"><img src="img/xiezi1.jpg" /></li>
        <li><img src="./img/t1.png" /></li>
        <li><img src="./img/lunbo.jpg" /></li>
        <li><img src="./img/t5.png" /></li>
        <li><img src="./img/guangao.jpg" /></li>
      </ul>
      <ul id="li">
        <li class="on"></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
      </ul>
      <div style="clear: both"></div>
      <div class="an" id="an">
        <a href="javascript:;" id="prev"></a>
        <a href="javascript:;" id="next" class="an-a2">></a>
      </div>
    </div>

    <!-- 广告图 -->
    <div class="xuanze">
      <div class="chuntupian"></div>

      <div class="xuanze-2">
        <ul>
          <li>
            <a href=""><img src="./img/xiezi1.jpg" alt="" /></a>
            <span>男子专区</span>
          </li>

          <li>
            <a href=""><img src="./img/guangao.jpg" alt="" /></a>
            <span>女子专区</span>
          </li>

          <li>
            <a href=""><img src="./img/11.jpg" alt="" /></a>
            <span>人气专区</span>
          </li>

          <li>
            <a href=""><img src="./img/11.jpg" alt="" /></a>
            <a href=""></a> <span>情侶专项</span>
          </li>
        </ul>
      </div>
      <div></div>
    </div>

    <!-- 商品列表 -->
    <div class="goods-man">
      <ul class="goods-list"></ul>
    </div>

    <!-- 女款专区 -->
    <div class="goods-woman-banner">
      <img src="./img/lunbo.jpg" alt="" />
    </div>

    <div class="goods-woman">
      <ul class="goods-list girlist">
        <li>
          <a href="">
            <img src="./img/2.jpg" alt="" />
          </a>
          <a
            class="a-2"
            href=""
            title="唐狮2019春新款长袖T恤男青少年假两件印花圆领纯棉打底衫韩版潮 "
          >
            <span>唐狮2019春新款长袖T恤男青少年假两件</span>
          </a>
          <p>
            ￥79元
            <del class="del">￥179元</del>
          </p>
        </li>
        <li>
          <a href="">
            <img src="./img/2.jpg" alt="" />
          </a>
          <a
            class="a-2"
            href=""
            title="唐狮2019春新款长袖T恤男青少年假两件印花圆领纯棉打底衫韩版潮 "
          >
            <span>唐狮2019春新款长袖T恤男青少年假两件</span>
          </a>
          <p>
            ￥79元
            <del class="del">￥179元</del>
          </p>
        </li>
        <li>
          <a href="">
            <img src="./img/2.jpg" alt="" />
          </a>
          <a
            class="a-2"
            href=""
            title="唐狮2019春新款长袖T恤男青少年假两件印花圆领纯棉打底衫韩版潮 "
          >
            <span>唐狮2019春新款长袖T恤男青少年假两件</span>
          </a>
          <p>
            ￥79元
            <del class="del">￥179元</del>
          </p>
        </li>
        <li>
          <a href="">
            <img src="./img/2.jpg" alt="" />
          </a>
          <a
            class="a-2"
            href=""
            title="唐狮2019春新款长袖T恤男青少年假两件印花圆领纯棉打底衫韩版潮 "
          >
            <span>唐狮2019春新款长袖T恤男青少年假两件</span>
          </a>
          <p>
            ￥79元
            <del class="del">￥179元</del>
          </p>
        </li>
        <li>
          <a href="">
            <img src="./img/2.jpg" alt="" />
          </a>
          <a
            class="a-2"
            href=""
            title="唐狮2019春新款长袖T恤男青少年假两件印花圆领纯棉打底衫韩版潮 "
          >
            <span>唐狮2019春新款长袖T恤男青少年假两件</span>
          </a>
          <p>
            ￥79元
            <del class="del">￥179元</del>
          </p>
        </li>
        <li>
          <a href="">
            <img src="./img/2.jpg" alt="" />
          </a>
          <a
            class="a-2"
            href=""
            title="唐狮2019春新款长袖T恤男青少年假两件印花圆领纯棉打底衫韩版潮 "
          >
            <span>唐狮2019春新款长袖T恤男青少年假两件</span>
          </a>
          <p>
            ￥79元
            <del class="del">￥179元</del>
          </p>
        </li>
        <li>
          <a href="">
            <img src="./img/2.jpg" alt="" />
          </a>
          <a
            class="a-2"
            href=""
            title="唐狮2019春新款长袖T恤男青少年假两件印花圆领纯棉打底衫韩版潮 "
          >
            <span>唐狮2019春新款长袖T恤男青少年假两件</span>
          </a>
          <p>
            ￥79元
            <del class="del">￥179元</del>
          </p>
        </li>
        <li>
          <a href="#">
            <img src="./img/2.jpg" alt="" />
          </a>
          <a
            class="a-2"
            href="#"
            title="唐狮2019春新款长袖T恤男青少年假两件印花圆领纯棉打底衫韩版潮 "
          >
            <span>唐狮2019春新款长袖T恤男青少年假两件</span>
          </a>
          <p>
            ￥79元
            <del class="del">￥179元</del>
          </p>
        </li>
      </ul>
    </div>

    <!-- 底部导航链接 -->

    <div class="foot-link">
      <div id="foot_help">
        <div class="foot_intr" id="foot_intr01">
          <ul class="foot-link-list">
            <span> 新手指南 </span>
            <li>
              <a target="_blank" href="#">用户注册</a>
            </li>

            <li><a target="_blank" href="#">会员折扣</a></li>

            <li><a target="_blank" href="#">用户奖励</a></li>
          </ul>
        </div>
        <div class="foot_intr" id="foot_intr01">
          <ul class="foot-link-list">
            <span> 新手指南 </span>
            <li>
              <a target="_blank" href="#">用户注册</a>
            </li>

            <li><a target="_blank" href="#">会员折扣</a></li>

            <li><a target="_blank" href="#">用户奖励</a></li>
          </ul>
        </div>
        <div class="foot_intr" id="foot_intr01">
          <ul class="foot-link-list">
            <span> 新手指南 </span>
            <li>
              <a target="_blank" href="#">用户注册</a>
            </li>

            <li><a target="_blank" href="#">会员折扣</a></li>

            <li><a target="_blank" href="#">用户奖励</a></li>
          </ul>
        </div>
        <div class="foot_intr" id="foot_intr01">
          <ul class="foot-link-list">
            <span> 新手指南 </span>
            <li>
              <a target="_blank" href="#">用户注册</a>
            </li>

            <li><a target="_blank" href="#">会员折扣</a></li>

            <li><a target="_blank" href="#">用户奖励</a></li>
          </ul>
        </div>
        <div class="foot_intr" id="foot_intr01">
          <ul class="foot-link-list">
            <span> 新手指南 </span>
            <li>
              <a target="_blank" href="#">用户注册</a>
            </li>

            <li><a target="_blank" href="#">会员折扣</a></li>

            <li><a target="_blank" href="#">用户奖励</a></li>
          </ul>
        </div>
        <div class="erweima">
          <span>唐狮官方二维码</span>
          <img src="./img/erweima.jpg" alt="" />
          <span class="friend">加微信为好友</span>
        </div>
      </div>
      <p>
        <a href="">浙江备案号1114545号</a>
      </p>
      <p class="foot-p-2">
        新百伦贸易（中国）有限公司 上海市静安区南京西路688号688广场6楼
      </p>
    </div>
  </body>
  <script src="./jq/jquery.js"></script>
  <script src="./js/lunbo.js"></script>
  <script src="./js/shouye.js"></script>

  <script type="text/javascript">
    hdp({
      li: "li", //默认值：li;默认用li包裹
      boxid: "boxhdp", //最外面div  id
      imgid: "img", //图片外面id
      optid: "li", //opt外面id
      an: "an", //左右按钮id，用于移上显示和隐藏
      prev: "prev", //左边箭头id
      next: "next", //右边箭头id
      ms: 3000, //多少毫秒切换一张,默认800毫秒
    });
  </script>
</html>
